<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:c="http://java.sun.com/jstl/core"
                xmlns:fn="http://java.sun.com/jsp/jstl/functions"
                xmlns:sec="http://www.springframework.org/security/facelets/tags">
       <h:form styleClass="jsfcrud_list_form">
        <div style="text-align:right;">
			<div style="float:left;">
				<!-- <h:commandButton immediate="true" action="#{socialGroupCrud.createSetup}" value="#{msg.lblAddNew}" id="button1" /> -->
				
				<!-- Paging -->	
				<ui:include src="/snippets/paging.xhtml">
				     <ui:param name="currentCrud" value="#{socialGroupCrud}"/>
				</ui:include>	
			</div>
		</div>
		
		<!-- Search Widget -->	
		<ui:include src="/search/searchBox.xhtml">
			<ui:param name="crud" value="#{socialGroupCrud}"/>
		</ui:include>				
		
       	<div>
       		<c:if test="#{flowScope.updating == null}" >
	            <h:outputText escape="false" value="#{msg.socialGroupEmpty}" rendered="#{socialGroupCrud.pager.totalCount == 0}" />
	            <h:panelGroup rendered="#{fn:length(socialGroupCrud.pagedItems) > 0}">
	                <h:dataTable value="#{socialGroupCrud.pagedItems}" var="item"
	                columnClasses="center,center,center,center,center,width3" width="100%" >
	                    <h:column>
	                        <f:facet name="header">
	                            <h:outputText value="#{msg.socialGroupId}"/>
	                        </f:facet>
	                        <h:outputText value="#{item.extId}" />
	                    </h:column>
	                    <h:column>
	                        <f:facet name="header">
	                            <h:outputText value="#{msg.socialGroupName}"/>
	                        </f:facet>
	                        <h:outputText value="#{item.groupName}" />
	                    </h:column>
                            <h:column>
	                        <f:facet name="header">
	                            <h:outputText value="#{msg.socialGroupHead}" />
	                        </f:facet>
                                <h:outputText value="#{item.groupHead}" converter="#{individualExtIdConverter}" />
	                    </h:column>
                            <h:column>
	                        <f:facet name="header">
	                            <h:outputText value="#{msg.socialGroupType}"/>
	                        </f:facet>
	                        <h:outputText value="#{item.groupType}" />
	                    </h:column>
	                    <h:column>
	                        <f:facet name="header">
	                            <h:outputText escape="false" value=""/>
	                        </f:facet>
                          	<h:outputLink value="#{request.contextPath}/amendment/socialgroup/details/#{item.uuid}">
                             <h:graphicImage style="border: 0;" title="details" value="/resources/icons/details.ico" />
                          	</h:outputLink>
	                        <h:outputText value=" "/>
	                        <h:commandLink action="#{socialGroupCrud.editSetup}">
                                    <h:graphicImage title="edit" style="border: 0;" value="/resources/icons/edit.ico"/>
	                            <f:param name="itemId" value="#{item.uuid}"/>
	                        </h:commandLink>
	                        <h:outputText value=" "/>
	                        <h:commandLink action="#{socialGroupCrud.delete}">
                                    <h:graphicImage title="delete" style="border: 0;" value="/resources/icons/delete.ico"/>
	                            <f:param name="itemId" value="#{item.uuid}"/>
	                        </h:commandLink>
	                    </h:column>
	                </h:dataTable>
	            </h:panelGroup>
	            </c:if>
	            
	            <c:if test="#{flowScope.updating != null}" >
		            <h:outputText escape="false" value="#{msg.socialGroupEmpty}" rendered="#{socialGroupCrud.pager.totalCount == 0}" />
		            <h:panelGroup rendered="#{socialGroupCrud.pager.totalCount > 0}">
		                <h:dataTable value="#{socialGroupCrud.filteredPagedItems}" var="item"
		                columnClasses="center,center,center,center,center,width3" width="100%" >
		                    <h:column>
		                        <f:facet name="header">
		                            <h:outputText value="#{msg.socialGroupId}"/>
		                        </f:facet>
		                        <h:outputText value="#{item.extId}" />
		                    </h:column>
		                    <h:column>
		                        <f:facet name="header">
		                            <h:outputText value="#{msg.socialGroupName}"/>
		                        </f:facet>
		                        <h:outputText value="#{item.groupName}" />
		                    </h:column>
	                            <h:column>
		                        <f:facet name="header">
		                            <h:outputText value="#{msg.socialGroupHead}" />
		                        </f:facet>
	                                <h:outputText value="#{item.groupHead}" converter="#{individualExtIdConverter}" />
		                    </h:column>
	                            <h:column>
		                        <f:facet name="header">
		                            <h:outputText value="#{msg.socialGroupType}"/>
		                        </f:facet>
		                        <h:outputText value="#{item.groupType}" />
		                    </h:column>
		                    <h:column>
		                        <f:facet name="header">
		                            <h:outputText escape="false" value=""/>
		                        </f:facet>
	                            <h:commandLink action="#{socialGroupCrud.detailSetup}">
	                               <h:graphicImage style="border: 0;" title="details" value="/resources/icons/details.ico" />
	                               <f:param name="itemId" value="#{item.uuid}"/>
	                            </h:commandLink>
	                            <h:outputText value=" "/>
	                            <h:commandLink action="#{socialGroupCrud.editSetup}">
	                               <h:graphicImage title="edit" style="border: 0;" value="/resources/icons/edit.ico"/>
	                               <f:param name="itemId" value="#{item.uuid}"/>
	                            </h:commandLink>
	                            <h:outputText value=" "/>
                                <sec:ifAllGranted roles="DELETE_ENTITY">
                                    <h:commandLink action="#{socialGroupCrud.delete}">
                                        <h:graphicImage title="delete" style="border: 0;" value="/resources/icons/delete.ico"/>
                                        <f:param name="itemId" value="#{item.uuid}"/>
                                    </h:commandLink>
                                </sec:ifAllGranted>
		                    </h:column>
		                </h:dataTable>
		            </h:panelGroup>
	            </c:if>
           </div>
       </h:form>
</ui:composition>
